<template>
	<view>
		<!-- <image :style="{'width': getWidth()}" mode="widthFix" :src="url"></image> -->
		<image style="width:40rpx" mode="widthFix" :src="url"></image>
	</view>
		
</template>

<script>
	export default {
		name:"zy-icon",
		data() {
			return {
				
			};
		},
		props:{
			url:{
				type: String,
				default(){
					return ''
				}
			},
			//预留：sm, lg
			size:{
				type: String,
				default(){
					return 'normal'
				}
			}
		},
		computed:{
			getWidth(){
				if(this.size == 'sm'){
					return '20rpx'
				}else if(this.size == 'lg'){
					return '40rpx'
				}else {
					return '30rpx'
				}
			}
		},
		methods:{
			onImageClick(){
				this.$emit('click')
			}
		}
	}
</script>

<style>

</style>